/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Arrows */
.monaco-scrollable-element > .scrollbar > .up-arrow {
  background: url('arrow-up.svg');
  cursor: pointer;
}
.monaco-scrollable-element > .scrollbar > .down-arrow {
  background: url('arrow-down.svg');
  cursor: pointer;
}
.monaco-scrollable-element > .scrollbar > .left-arrow {
  background: url('arrow-left.svg');
  cursor: pointer;
}
.monaco-scrollable-element > .scrollbar > .right-arrow {
  background: url('arrow-right.svg');
  cursor: pointer;
}
.hc-black .monaco-scrollable-element > .scrollbar > .up-arrow,
.monaco-scrollable-element > .scrollbar > .up-arrow {
  background: url('arrow-up-dark.svg');
}
.hc-black .monaco-scrollable-element > .scrollbar > .down-arrow,
.monaco-scrollable-element > .scrollbar > .down-arrow {
  background: url('arrow-down-dark.svg');
}
.hc-black .monaco-scrollable-element > .scrollbar > .left-arrow,
.monaco-scrollable-element > .scrollbar > .left-arrow {
  background: url('arrow-left-dark.svg');
}
.hc-black .monaco-scrollable-element > .scrollbar > .right-arrow,
.monaco-scrollable-element > .scrollbar > .right-arrow {
  background: url('arrow-right-dark.svg');
}
.monaco-scrollable-element > .visible {
  opacity: 1;
  /* Background rule added for IE9 - to allow clicks on dom node */
  background: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  -ms-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
}
.monaco-scrollable-element > .invisible.fade {
  -webkit-transition: opacity 800ms linear;
  -o-transition: opacity 800ms linear;
  -moz-transition: opacity 800ms linear;
  -ms-transition: opacity 800ms linear;
  transition: opacity 800ms linear;
}
/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
  position: absolute;
  display: none;
}
.monaco-scrollable-element > .shadow.top {
  display: block;
  top: 0;
  left: 3px;
  height: 0px;
  width: 100%;
  box-shadow: #191919 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
  display: block;
  top: 3px;
  left: 0;
  height: 100%;
  width: 3px;
  box-shadow: #191919 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  top: 0;
  left: 0;
  height: 0px;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
  box-shadow: #191919 6px 6px 6px -6px inset;
}
/* ---------- Default Style ---------- */
.vs .monaco-scrollable-element > .scrollbar > .slider {
  background: rgba(100, 100, 100, 0.4);
}
.monaco-scrollable-element > .scrollbar > .slider {
  background: rgba(121, 121, 121, 0.4);
}
.hc-black .monaco-scrollable-element > .scrollbar > .slider {
  background: rgba(111, 195, 223, 0.6);
}
.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: rgba(98, 98, 98, 0.7);
}
.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover {
  background: rgba(111, 195, 223, 0.8);
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: #626262;
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: rgba(191, 191, 191, 0.4);
}
.hc-black .monaco-scrollable-element > .scrollbar > .slider.active {
  background: #6fc3df;
}
